/****************************************/
/* Battlefield 3 buttons stylesheet */
/* Theme by Rogue - rogue@clan-designs.co.uk */
/* http://clan-designs.co.uk */
/****************************************/

@charset "UTF-8";
/* CSS Document */

/****************************************/
/* Basic buttons */
/****************************************/

.button { 
  font: 12px Verdana, Arial, Helvetica, sans-serif; 
  color: #F88613;  
  margin: 2px; 
  padding: 3px 6px; 
  text-align: center; 
  cursor:pointer; 
  /* BACKGROUND GRADIENTS */
  /* fallback (Opera) */    
	background: #141414; 
  /* Mozilla: */    
	background: -moz-linear-gradient(top, #434343, #141414);    
  /* Chrome, Safari:*/ 
    background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#141414)); 
  /* For Internet Explorer 5.5 - 7 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#141414'); 
  /* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#141414')";

  /* BORDER RADIUS */  
  -moz-border-radius: 5px;  
  -khtml-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;   
  border-radius: 5px;  
  border: 1px solid #141414;   
  border-top: 1px solid #666666;
  /* TEXT SHADOW */   
  text-shadow: 1px 1px 1px #000;    
  /* BOX SHADOW */  
  -moz-box-shadow: 0 1px 3px #000;   
  -webkit-box-shadow: 0 1px 3px #000;
  -khtml-box-shadow: 0 1px 3px #000;  
  -o-box-shadow: 0 1px 3px #000; 
  box-shadow: 0 1px 3px #000; 
  outline: none; 
}

/****************************************/
/* Button hover */
/****************************************/
.button:hover {
	text-decoration: none;
	color: #fff;
	background: #222222;
  /* fallback (Opera) */    
	background: #222222; 
  /* Mozilla: */    
	background: -moz-linear-gradient(top, #999999, #222222);    
  /* Chrome, Safari:*/ 
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#222222)); 
  /* For Internet Explorer 5.5 - 7 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#222222'); 
  /* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#222222')";
	border: 1px solid #444444;   
    border-top: 1px solid #cccccc;
    outline: none; 
	
	  /* BORDER RADIUS */  
  -moz-border-radius: 5px;  
  -khtml-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;   
  border-radius: 5px;  
  border: 1px solid #141414;   
  border-top: 1px solid #666666;
  /* TEXT SHADOW */   
  text-shadow: 1px 1px 1px #000;    
  /* BOX SHADOW */  
  -moz-box-shadow: 0 1px 3px #000;   
  -webkit-box-shadow: 0 1px 3px #000;
  -khtml-box-shadow: 0 1px 3px #000;  
  -o-box-shadow: 0 1px 3px #000; 
  box-shadow: 0 1px 3px #000; 
  outline: none;
}

/****************************************/
/* Button on-click */
/****************************************/
.button:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: #222222;
  /* fallback (Opera) */    
	background: #222222; 
  /* Mozilla: */    
	background: -moz-linear-gradient(top, #999999, #222222);    
  /* Chrome, Safari:*/ 
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#222222)); 
  /* For Internet Explorer 5.5 - 7 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#222222'); 
  /* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#222222')";
	border: 1px solid #444444;   
    border-top: 1px solid #cccccc;
    outline: none; 
	
	  /* BORDER RADIUS */  
  -moz-border-radius: 5px;  
  -khtml-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;   
  border-radius: 5px;  
  border: 1px solid #141414;   
  border-top: 1px solid #666666;
  /* TEXT SHADOW */   
  text-shadow: 1px 1px 1px #000;    
  /* BOX SHADOW */  
  -moz-box-shadow: 0 1px 3px #000;   
  -webkit-box-shadow: 0 1px 3px #000;
  -khtml-box-shadow: 0 1px 3px #000;  
  -o-box-shadow: 0 1px 3px #000; 
  box-shadow: 0 1px 3px #000; 
  outline: none;
}